<template>
  <section class="group-list">
    <simple-title title="被投诉审核的帖子" :show="false"></simple-title>
    <div class="inner">
        <ul>
          <li class="out-list clearfix" v-for="i in list" :key="i.id">
              <div style="margin-left: 20px;" class="clearfix">
                <p style="padding-bottom: 10px;color: #666666;font-size: 15px">{{i.title}}</p>
                <ul v-if="i.images.length>0">
                  <li v-for="data in i.images"><img :src="$Url+data" alt=""></li>
                </ul>
              </div>
            <div style="font-size: 12px;padding-left: 20px">
              <p class="share-group" style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
                <span class="pink">投诉该帖子的有：</span>
                我只是小白、吃不胖怎么办、我想美容法、打败就是我、你是谁我是谁、这个世界不太平..
              </p>
              <p>该日记被投诉,现处于屏蔽状态，请尽快处理！ <span class="pink float-right" @click="chakan(i.id)">查看原因并处理</span></p>
            </div>
          </li>
        </ul>

    </div>
  </section>
</template>

<script>
import SimpleTitle from '../../../components/Title/SimpleTitle'
export default {
  name: 'ComplaintTopicList',
  components: {
      SimpleTitle
  },
   data () {
      return {
          list:[],
      }
   },
    created () {
        this.getinfo()
    },
    computed: {
    },
    filters:{
        formatDate:function(time){
            var date = new Date(time * 1000);
            var Y = date.getFullYear() + '-';
            var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
            var D = date.getDate() + ' ';
            var h = date.getHours() + ':';
            var m = date.getMinutes() + ':';
            var s = date.getSeconds();
            return Y+M+D+h+m+s;
        },
    },
    methods: {
        chakan (id) {
            this.$router.push({path:'/my/mygroup/complainttopdelist',query:{id:id}})
        },
        getinfo () {
            let _this =this
            this.$post('/api/circle/myPostList',
                {
                    token:_this.$token,
                    status:0
                }, function (res) {
                    _this.list = res.data
                }, function (errcode, errmsg,err) {
                    console.log(err)
                    console.log(errmsg)
                })
        },
    }
}

</script>

<style lang="less" scoped>
  @import "../../../style/style.less";
  .group-list {
    border: 1px solid @border-color;
    padding: 15px;
    .btn-box {
      text-align: right;
      .btn {
        display: inline-block;
        color: @theme-color;
        border: 1px solid @theme-color;
        font-size: 14px;
        height: 28px;
        line-height: 28px;
        padding: 0 18px;
        margin-right: 16px;
        border-radius: 4px;
        cursor: pointer;
      }
    }
    .out-list{
      border-bottom: 1px dashed #e0e0e0;
      padding-bottom: 20px;
      padding-top: 20px;
      li{
        float: left;
        margin-right: 10px;
      }
      img{
        width: 56px;
        height: 75px;
      }
      .Content-list{
        float: left;
        width: 280px;
      }
      .Content-list-icon{
        width: 70px;
        height: 30px;
        line-height: 30px;
        float: left;
        margin-left: 22px;
        span{
          padding-left: 8px;
          color: #999999;
        }
      }
      .icom{
        margin-top: -4px;
      }
      .icon{
        color: #999999;
      }
      .time{
        float: left;
        color: #999999;
        width: 150px;
      }
      .Content-list:hover {
        border-bottom: none;
        background-color: #ffffff;
      }

    }
  }
</style>
